/*
 * @Author: xiaosihan 
 * @Date: 2024-12-02 00:59:16 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-12-02 06:52:40
 */

import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./step1.module.less";
import applyScenePNG from "./applyScene.jpg";
import nameNumStore from "../nameNumStore";

interface Iprops {
  children?: ReactNode
}

// 步骤1
export default function Step1() {

  const dom = useRef<HTMLDivElement | null>(null);
  const [data, setData] = useState({});

  useEffect(() => {

  }, []);

  useEffect(() => autorun(() => {

  }, { delay: 10 }), []);

  return (
    <div
      ref={dom}
      className={styles.step1}
    >
      <div className={styles.title}>添加名字和号码</div>
      <div className={styles.applyScene} >应用场景</div>

      <img
        alt=""
        className={styles.img}
        src={applyScenePNG}
      />

      <button
        className={styles.next}
        onClick={() => {
          nameNumStore.setStep(2);
        }}
      >
        下一步
      </button>

    </div>
  );

}